@charset "utf-8";
/* CSS Document */

body {background:#f5f5f5 url(../img/bg-top.gif) repeat-x;}

a img {border:none;}

.inner {width:940px; margin:0 auto;}

.has-leftright #main-body {float:left; width:620px;}
.has-leftright #main-content {float:right; width:320px;}
.has-leftright #sidebar-left {float:left; width:300px;}
.has-leftright #sidebar-right {float:right; width:320px;}

.has-left #main-content {float:right; width:620px;}
.has-left #sidebar-left {float:left; width:320px;}

.has-right #main-body {float:left; width:620px; background:url(../img/sep-r.png) 100% 0 no-repeat;}
.has-right #main-content {width:560px; padding:30px;}
.has-right #sidebar-right {float:right; width:260px; padding:30px;}

.has-full #main-content {padding:30px;}

#main-container .inner {background:#f5f5f5; position:relative;}

.shadow-l {background:url(../img/shadow-l.png) no-repeat scroll 0 0 transparent; width:31px; height:357px; position:absolute; left:-31px; top:42px;}
.shadow-r {background:url(../img/shadow-r.png) no-repeat scroll 0 0 transparent; width:31px; height:357px; position:absolute; right:-31px; top:42px;}

* html .clearfix {height: 1%;}
* +html .clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header .inner {padding:10px 0 15px;}

#logo {margin:0 15px 0 0; float:left;}
#logo a {background:url(../img/logo.png) no-repeat; width:258px; height:54px; display:block; text-indent:-999999px;}

#footer {background:#64c1cb; padding:15px 0; color:#284e51;}
.copyright {float:left;}
.copyright a,.copyright a:visited {color:#000;}
.share {float:right; border-bottom:3px solid #529ea6;}

.bor1 {border:1px solid #c8c8c8;}

.pad4 {padding:4px;}
.pad3 {padding:3px;}
.pad2 {padding:2px;}
.padt10 {padding-top:10px;}

.title {font-size:30px; border-bottom:1px solid #e6e6e6;}

ul.reset {margin:0; padding:0; list-style:none;}

.fll {float:left;}
.flr {float:right;}

.marlr8 {margin-left:8px; margin-right:8px;}
.marl20 {margin-left:20px;}
.marr20 {margin-right:20px;}
.mart20 {margin-top:20px;}
.martb25 {margin-top:25px; margin-bottom:25px;}

.font18 {font-size:18px;}

.red {color:#f00;}
.cyan {color:#228f98;}
.green {color:#7b9d46;}

.w30perc {width:30%;}
.w74perc {width:74.5%;}

.btn-send {background:url(../img/btn-send.png) no-repeat; border:none; width:97px; height:37px; text-indent:-999999px; font-size:0; cursor:pointer;} 

.bort {border-top:1px solid #e6e6e6;}

.line {border-bottom:1px solid #c9c9c9;}

#wrapper {background:url(../img/bg-top-mid.gif) 50% 0 no-repeat;}

.search {float:right; margin-top:5px;}
.search .input-txt {width:130px; background:url(../img/bg-search.png) no-repeat; line-height:24px; height:24px; border:none; float:left; padding:0 5px; color:#969696; font-size:12px;}
.search .btn-search {background:url(../img/btn-search.png) no-repeat; width:20px; height:24px; float:left; border:none; display:block; text-indent:-999999px; cursor:pointer; font-size:0;}

#banner .inner {background:#fff; margin-bottom:15px;}

.slideshow {width:620px; float:left;}

.welcome {background:url(../img/bg-welcome.jpg) 0 100% repeat-x; float:right; width:250px; height:280px; padding:15px 30px 45px; overflow:hidden;}
.welcome .title {border:none;}

#top-container .inner {background:url(../img/bg-top-button.png) 50% 0 no-repeat; height:82px; padding-top:23px; margin-bottom:20px;}

#top-container2 .inner {margin-bottom:20px;}

.top-func {text-align:center;}
.top-func li {display:inline; margin:0 32px;}
.top-func li:hover {opacity:0.8; filter: alpha(opacity=80); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}

.blog {margin:10px -8px 20px;}
.blog .blog-item {float:left; width:20%;}
.blog .blog-item .item-inner {margin:0 8px; border-bottom:1px solid #dcdcdc; overflow:hidden;}
.blog .blog-item h3 {font-size:16px;}
.blog .blog-item h3 a {color: #5a5a5a;}
.blog .blog-item h3 a:hover {text-decoration:none; color:#4c929a;}

.contact-frm {border-top:1px solid #e6e6e6; padding-top:15px; margin-top:20px;}
.contact-frm label {font-style:italic;}
.contact-frm .input-txt {width:250px; height:35px; line-height:35px; padding:0 5px; margin:5px 0 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #b4b4b4;}
.contact-frm textarea {width:260px; height:175px; padding:10px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #b4b4b4; margin:5px 0 20px;}
* +html .contact-frm textarea {height:180px;}

.gmap {padding-top:30px;}

.right-menu {padding-top:30px;}
.right-menu ul {margin:0; padding:0; list-style:none; border:1px solid #dcdcdc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.right-menu li {background:url(../img/bg-list-r.jpg) repeat-x; line-height:50px; padding:0 10px 0 20px;}
.right-menu li a {background:url(../img/icon-arrow.png) 0 50% no-repeat; padding-left:20px; color:#646464; display:block;}
.right-menu li a:hover,.right-menu li.active a {background:url(../img/icon-arrow-act.png) 0 50% no-repeat; color:#438087; text-decoration:none;}

.back {background:url(../img/icon-back.png) 0 50% no-repeat; padding-left:15px;}

.bubble {border:1px solid #ababab; position:relative; padding:15px; margin-bottom:30px; font-style:italic; color:#666;background-color:white}
.bubble .arrow {background:url(../img/bubble-arrow.jpg) no-repeat; left:8%; bottom:-19px; position:absolute; width:24px; height:19px;}

.intro {margin:20px 0 25px; border-bottom:1px solid #c9c9c9; padding-bottom:25px;}
.intro label {float:left; width:150px; display:block; font-weight:600;}

.question-ttl {line-height:normal; font-size:18px;}
.question-ttl span {font-size:14px; color:#333; display:block;}

.question-cyan,.question-green {padding-left:22px; font-weight:600; margin-top:25px;}
.question-cyan {background:url(../img/icon-question-cyan.png) 0 2px no-repeat;}
.question-green {background:url(../img/icon-question-green.png) 0 2px no-repeat;}

.top-button {float:right; margin-top:15px;}
.top-button li {display:block; float:left; background:url(../img/btn-fagf-small.png) no-repeat;}
.top-button li a {display:block; text-indent:-999999px; width:126px; height:35px;}
.top-button li:first-child {background:url(../img/btn-forb-small.png) no-repeat; margin-right:10px;}
/*.top-button li:nth-child(2) {background:url(../img/btn-fagf-small.png) no-repeat;}*/
.top-button li.disable {opacity:0.55; filter: alpha(opacity=55); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=55);}



